@border:1px solid #dbdbdb;
body{position:relative;}
.top{
  width:100%;
  height:150px;
  background-color: #F3A7B9;
  overflow: hidden;
  >.lt{
    width:60px;
    position:relative;
    top:30px;
    left:50%;
    margin-left:-30px;
    img{
      width:60px;
      height:60px;
      border-radius: 50%;
    }
  }
  .name{
    position:relative;
    font-size:16px;
    color:#ffffff;
    letter-spacing: 2px;
    text-align: center;
    margin-top:100px;
  }
}
ul.main{
  background-color: #ffffff;
  padding:0 15px;
  width:100%;
  border-bottom:@border;
  li{
    float:none;
    padding:10px 0 5px 0;
    border-bottom:@border;
    span{
      font-size:13px;
      font-weight:bold;
    }
    img{
      width:15px;
      margin-left:10px;
    }
    p{
      color:#c3c3c3;
      font-size:12px;
      margin-top:5px;
    }
  }
  li:last-child{border:0;}
  input{
    padding:5px 0 5px 5px;
    border:1px solid #dddddd;
    border-radius:3px;
    margin-left:10px;
    font-size:15px;
  }
  #numt{
    color:#000000;
    margin-left:10px;
    font-weight:normal;
  }
}

#popupwindow{
  display: none;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  .shadow{
    width:100%;
    height:100%;
    position:fixed;
    background-color: #000000;
    opacity: 0.4;
    top:0;
    left:0;
    z-index:10;
  }
  .mainbox{
    width:250px;
    border-radius:10px;
    background-color:#ffffff;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-125px;
    z-index: 11;

    >p{
      text-align: center;
      margin:10px 0;
    }
    #phoneNum{
      border:1px solid #DBDBDB;
      color:#000000;
      background-color: #FBFBFB;
      padding:10px;
      display: block;
      width:86%;
      margin:0 auto;
    }
    .checkNum{
      width:86%;
      margin:10px auto 0;
      position:relative;
      height:60px;
      input{
        padding:10px;
        width:135px;
        border:1px solid #DBDBDB;
        border-right:0;
        color:#000000;
        background-color: #FBFBFB;
        position:absolute;
        top:0;
        left:0;
      }
      span:not(.errPrompt){
        display: inline-block;
        width:80px;
        height:35px;
        line-height: 35px;
        text-align: center;
        color:#ffffff;
        background-color: #f29fb3;
        font-size:13px;
        letter-spacing: 1px;
        position:absolute;
        top:0;
        right:0;
      }
      .errPrompt{
        color:red;
        position:absolute;
        bottom:5px;
        left:5px;
        font-size:10px;
      }
    }
    .btn{
      width:100%;
      border-top:1px solid #dbdbdb;
      .cancel,.sure{
        width:49%;
        text-align: center;
        padding:7px 0;
        color:#f29fb3;
      }
      .cancel{
        border-right:1px solid #DBDBDB;
        color:#000000;
      }

    }
  }
}